<template>
    <div class ="page">
        <div class="pageContent">
            <div class="acs">
                <div @click="goMatchList" class="ac" style="background-color: rgb(42, 131, 7);">
                    <div class="icon"><i class="fa fa-plus-square"></i></div>
                    <div class="title">选择</div>
                </div>
                <div @click="scanQrcode" class="ac" style="background-color: rgb(139, 66, 23); margin-left:60px;">
                    <div class="icon"><i class="fa fa-qrcode"></i></div>
                    <div class="title">扫码</div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        mounted() {
            var me = this;
            try{
                me.init();
            }
            catch(er){
                console.log(er);
            }
        },
        data() {
            return {
                info:{},
            };
        },
        methods: {
            init() {
                var me = this;
                try{

                }
                catch(er){
                    console.log(er);
                }                
            },
            goMatchList() {
                var me = this;
                try{
                    me.$router.push({
                        path:"matchList"
                    })
                }
                catch(er){
                    console.log(er);
                }                
            },
            scanQrcode() {
                var me = this;
                try{

                }
                catch(er){
                    console.log(er);
                }                
            },
        },
        
    }
</script>

<style lang="less" scoped>
    @import url('./fe.less');
    .pageContent{
        background-color: #222;
        color: #fff;
        height: 100%;
        position: relative;

        .acs{
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            display: flex;
            font-weight: bold;
            font-size: 8em;

            .ac{
                display: flex;
                align-items: center; 
                padding: 50px;
                .title{
                    padding-left: 30px;
                }
                border-radius: 3px;
            }
            .ac:active{
                box-shadow: 0px 0px 10px #fefefe;
            }
        }
    }
</style>